<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{{d}}">
</head>
<body>
    <div class="background-container">
        <div class="uid-info">UID:{{uid}} Create By qiqi-plugin</div>
        <div class="char-list">
            <div class="header-row">
                <span class="header-item index-header">#</span>
                <span class="header-item char-header">角色</span>
                <span class="header-item stigmata-header">圣痕</span>
                <span class="header-item weapon-header">
                    武器
                   
                </span>
            </div>
            {{each cards card idx}}
            <div class="char-row">
                <span class="index">{{idx + 1}}</span>
                <div class="char-info">
                    <img src="{{card.avatar.icon_path}}" alt="Avatar" class="avatar-img" />
                    <div class="char-details">
                        <span class="avatar-name">{{card.avatar.name}}</span>
                        <span class="level">LV{{card.avatar.level}}</span>
                        <img src="{{card.avatar.star}}" alt="star" class="star-img" />
                    </div>
                </div>
                <div class="stigmata-group">
                    {{each card.stigmatas stigmata stigmataIdx}}
                    <div class="stigmata-item">
                        <img src="{{stigmata.icon}}" alt="stigmata" class="stigmata-img" />
                        <div class="star-rating">
                            <img src="{{stigmata.star}}" alt="stigmata star" class="star-rating-img" />
                        </div>
                    </div>
                    {{/each}}
                </div>
                <div class="weapon-item">
                    <span class="weapon-level">LV{{card.weapon.level}}</span>
                    <img src="{{card.weapon.icon}}" alt="Weapon" class="weapon-img" />
                    <div class="star-rating">
                        <img src="{{card.weapon.star}}" alt="weapon star" class="star-rating-img" />
                    </div>
                    <span class="weap-name">{{card.weapon.name}}</span>
                </div>
            </div>
            {{/each}}
        </div>
        <div class="background-image"></div>
    </div>
</body>
</html>